<template>
	<view class="box">
		
		<view class="one">
			<text style="color: white; font-size: 50rpx; margin-left: 30rpx; display: block; line-height: 200rpx; float: left;" @click="fanhui">✖</text>
			<text style="color: white; margin-left: 280rpx; font-size: 46rpx; letter-spacing: 3rpx; display: block; line-height: 200rpx;">核销操作</text>
		</view>
		
		<view class="two">
			<view class="two_one">
				<text>核销码 {✍✍✍}</text>
			</view>
			
			<view class="two_two">
				<text class="a">服务内容</text>
				<text class="b">{✍✍✍}标准洗车服务包含</text>
				<text class="c">{✍✍✍}</text>
				<text class="d">{✍✍✍}</text>
				<text class="e">{✍✍✍}</text>
				<text class="f">{✍✍✍}</text>
				<text class="g">(不包含虫户,水泥,沥青和顽固污渍清理等)</text>
			</view>
			
			<view class="two_two" style="border-bottom: none;">
				<text class="a">订单信息</text>
				<text class="b">订单价格: {✍✍✍}</text>
				<text class="c">实付金额: {✍✍✍}</text>
				<text class="d">优惠金额: {✍✍✍}</text>
				<text class="e">订单编号: {✍✍✍}</text>
				<text class="f">支付时间: {✍✍✍}</text>
				<text class="g">预约时间: {✍✍✍}</text>
			</view>
		</view>
		
		<button v-if="true" @click="confirmWriteOff">确认核销</button>
		<view class="hexiaoOk" v-else="">已核销</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		
		methods: {
			fanhui(){
				uni.redirectTo({
					url: '/pages/lcl-HeXiaoCaoZuo/saoma1/saoma1'
				})
			},
			
			 confirmWriteOff() {
			      uni.showModal({
			        title: '核销此订单',
			        content: '请仔细核对订单,此操作不可撤销 请谨慎操作!',

			        success: (res) => {
			          if (res.confirm) {
			            console.log('用户点击确定');
			            // 在这里添加确认后的逻辑
						
			          } else if (res.cancel) {
			            console.log('用户点击取消');
			            // 在这里添加取消后的逻辑
						
			          }
			        }
			      });
				  }
				  
			
		}
	}
	
</script>

<style scoped>
.box{
	background-color: #fafafa;
	padding-bottom: 200rpx;
	font-size: 26rpx;
}

button{
	background-color: #0055ff;
	color: white;
	border-radius: 45rpx;
	width: 600rpx;
	margin: 0 auto;
	font-family: cursive;
	font-size: 40rpx;
	/* background-image: linear-gradient(to bottom right, white,transparent,transparent,transparent,transparent); */
	background-image: linear-gradient(to top left, white,transparent,transparent,transparent,transparent);
}

/* input[type="text"]:focus {
      color: black;
    } */

.one{
	height: 400rpx;
	width: 100%;
	background-color: #297EFA;
	color: white;
	font-size: 40rpx;
	letter-spacing: 5rpx;
	box-sizing: border-box;
	/* padding-top: 20rpx; */
	/* z-index: 10; */
}

.two{
	width: 710rpx;
	/* height: 1000rpx; */
	background-color: white;
	box-shadow: 2rpx 5rpx 5rpx rgba(0, 0, 0, 0.1);
	border-radius: 15rpx;
	margin: 0 auto;
	margin-top: -220rpx;
	box-sizing: border-box;
	padding: 20rpx;
	text-align: center;
	font-weight: 550;
	margin-bottom: 80rpx;
	/* background-image: url('../../../static/扫码@3x.png');
	background-repeat: no-repeat;
	background-position-y: 200rpx;
	background-position-x: center; */
}
.two_one{
	height: 100rpx;
	border-bottom: 8rpx solid #f5f5f5;
	box-sizing: border-box;
	padding: 20rpx 100rpx; 	
}
.two_one{
	font-size: 34rpx
}
.two_two{
	box-sizing: border-box;
	padding: 20rpx;
	border-bottom: 8rpx solid #f5f5f5;
}
.two_two text{
	display: block;
	text-align: left;
	font-weight: 550;
	margin-top: 20rpx;
	font-size: 28rpx;
}
.two_two text:nth-child(1){
	/* font-weight: 550; */
	font-size: 36rpx;
	margin-top: 0;
}

.hexiaoOk{
	background-color: #808080;
	border-radius: 45rpx;
	width: 600rpx;
	margin: 0 auto;
	height: 100rpx;
	font-family: cursive;
	font-size: 40rpx;
	text-align: center;
	line-height: 100rpx;
	color: white;
}




</style>
